import { observer } from "mobx-react-lite"
import { Path, SvgProps } from "react-native-svg"
import { useGlobalStore } from "../../mobx"
import { getColorStr } from "../../themes"
import { SvgCommon } from "./Common"

export const SvgClose = observer((props: SvgProps) => {
    const { theme } = useGlobalStore()
    return (
        <SvgCommon {...props} isCommon>
            <Path d="M26.15 24.6156L35.05 15.7156C35.65 15.1156 35.65 14.2156 35.05 13.6156C34.45 13.0156 33.55 13.0156 32.95 13.6156L24.05 22.5156L15.15 13.5156C14.55 13.0156 13.55 13.0156 12.95 13.5156C12.35 14.0156 12.35 15.0156 12.95 15.6156L21.85 24.5156L12.95 33.4156C12.35 34.0156 12.35 34.9156 12.95 35.5156C13.25 36.0156 13.65 36.1156 14.05 36.1156C14.45 36.1156 14.85 36.0156 15.15 35.7156L24.05 26.8156L32.95 35.7156C33.25 36.0156 33.65 36.1156 34.05 36.1156C34.45 36.1156 34.85 36.0156 35.15 35.7156C35.75 35.1156 35.75 34.2156 35.15 33.6156L26.15 24.6156Z" fill={getColorStr(theme, 'color_1')}/>
        </SvgCommon>
    )
})
